<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>易居网</title>
    <link rel="favicon" href="../images/favicon.png">
    <link rel="stylesheet" media="screen" href="../css/zlh_anime.css">
    <link rel="stylesheet" href="../css/zlh_bootstrap.min.css">
    <link rel="stylesheet" href="../css/zlh_font-awesome.min.css">
    <link rel="stylesheet" href="../css/zlh_bootstrap-theme.css" media="screen">
    <link rel="stylesheet" href="../css/zlh_style.css">
    <link rel='stylesheet' id='camera-css' href='../css/zlh_camera.css' type='text/css' media='all'>
    <style>
        .label {
            display: inline-block;
            padding: 2px 4px;
            font-size: 11.844px;
            font-weight: bold;
            line-height: 14px;
            color: #ffffff;
            vertical-align: baseline;
            white-space: nowrap;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            background-color: #999999;
        }

        .news-list-item .title{
            display: block;
            color: #444;
            font-size: 18px;
            font-weight: bold;
            margin-bottom: 5px;
            line-height: 1.5;
        }
        .news-list-item .title:hover{
            color: #337ab7;
        }
        .news-list-item .info{
            color: #888;
        }
        .news-list-item{
            padding-top: 15px;
            padding-bottom: 15px;
            /*border-bottom: 1px solid #eeeeee;*/
        }

        .news-list-item:first-child{
            padding-top: 0px;
        }


        .news-title{
            line-height: 1.3;
        }

        .news-status{
            color: #999;
        }

        .news-status .label{
            opacity: .8;
        }

        .news-content{
            margin-top: 20px;
            font-size: 15px;
        }

        .navbar-inverse .navbar-brand img {
            margin-top: -35px;
        }

        .navbar-inverse .navbar-brand {
            padding: 0 0 0 0px;
        }
    </style>
    <script src="../js/html5shiv.js"></script>
    <script src="../js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<!-- Fixed navbar -->
<div class="navbar navbar-inverse">
    <div class="container">
        <div class="navbar-header">
            <!-- Button for smallest screens -->
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"><span
                    class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
            <a class="navbar-brand" th:href="@{/index}">
                <img src="../images/mylogo3.png" alt="Techro HTML5 template"></a>
            <!--<a class="navbar-brand" style="font-size:20px;color: #ececf6; height: 45px; padding-right: 50px" href="index.html">YJ.cn</a>-->
        </div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav pull-right mainNav">
                <li class="active"><a href="/index">首页</a></li>
                <li><a href="#" th:href="@{/house_list}">二手房</a></li>
                <li><a href="#" th:href="@{/estate_list}">楼盘</a></li>
                <li><a href="#" th:href="@{/agent_list}">经纪人</a></li>
                <li><a href="#" onclick="checkAgent()">发布房源</a></li>
                <script th:inline="javascript" >
                    function checkAgent() {
                        var agent = '[[${session.agent}]]';
                        if(agent === 'null')
                            alert("权限不够，无法操作");
                        else window.location.href='/add_house_before';
                    }
                </script>
                <!--<li><a href="/login_user">登录</a></li>-->
                <!--<li><a href="/signup">注册</a></li>-->

                <li>
                    <a th:if="${session.agent eq null && session.user eq null}" href="/login_user"
                       style="padding-right: 10px">登录</a>
                </li>
                <li>
                    <a th:if="${session.agent eq null && session.user eq null}" href="/signup">注册</a>
                </li>
                <li>
                    <a th:if="${session.agent != null}" href="/user/center" title="个人中心" th:text="${session.agent.agentName}" style="padding-right: 5px"></a>
                </li>
                <li>
                    <a th:if="${session.user != null}" href="/user/center" title="个人中心" th:text="${session.user.userName}" style="padding-right: 5px;"></a>
                </li>
                <li>
                    <a th:unless="${session.agent eq null && session.user eq null}" title="退出登录" href="/logout" style="padding-left: 5px">退出</a>
                </li>
            </ul>
        </div>
        <!--/.nav-collapse -->
    </div>
</div>
<!-- /.navbar -->

<!-- Header -->
<header id="head">
    <div class="container">
        <div class="fluid_container">
            <div class="camera_wrap camera_emboss pattern_1" id="camera_wrap_4">
                <div data-thumb="../images/slides/thumbs/slide1.jpg" data-src="../images/ba6.jpg">
                    <!--<div data-thumb="../images/slides/thumbs/slide1.jpg" data-src="../images/slides/slide1.jpg">-->
                </div>
                <div data-thumb="../images/slides/thumbs/slide2.jpg" data-src="../images/ba16.jpg">
                </div>
                <div data-thumb="../images/slides/thumbs/slide3.jpg" data-src="../images/ba21.jpg">
                </div>
            </div><!-- #camera_wrap_3 -->
        </div><!-- .fluid_container -->
    </div>
</header>
<!-- /Header -->
<section class="secpadding">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="title-box clearfix "><h2 class="title-box_primary">易居简介</h2></div>
                <p>
                    &ensp;&ensp;&ensp;&ensp;易居网是以数据驱动的全价值链房产服务平台。提供二手房、新房、租房等房产交易服务。通过发力移动互联网，
                    多功能全渠道的产品矩阵大大增强了经纪人与客户之间的互动与互通，易居实现了房源、业主、客户和经纪人的高效关联。
                    基于楼盘数据库，不仅为客户提供透明房价、房间户型图等所有帮助购房者有效决策的因素，依托互联网对数据进行标准化管理
                    ，实现信息的无差别共享，改变房产行业中信息不透明的状况，提高买卖双方效率。
                </p>
            </div>
        </div>
    </div>
</section>
<!--新闻-->
<div class="container" style="padding: 15px 0">
    <div class="row" style="padding-left: 15px;padding-right: 15px">
        <div class="col-sm-12" >
            <h2><span>相关新闻</span></h2>
            <div class="new-list">
                <div class="news-list-item clearfix">
                    <div class="col-xs-11">
                        <a href="/news_content" th:href="@{'/news_content?newsId='+${pageDTO.result[0].newsId}}" class="title" th:text="${pageDTO.result[0].title}">热烈恭喜易居CEO朱先生参加四川第4396届人大会议</a>
                    </div>
                    <div class="col-xs-1">
                        <span class="label" contenteditable="true" th:text="${pageDTO.result[0].type}">政治</span>
                    </div>
                </div>
                <div class="news-list-item clearfix">
                    <div class="col-xs-11">
                        <a href="/news_content" th:href="@{'/news_content?newsId='+${pageDTO.result[1].newsId}}" class="title" th:text="${pageDTO.result[1].title}">热烈恭喜易居CEO朱先生参加四川第4396届人大会议</a>
                    </div>
                    <div class="col-xs-1">
                        <span class="label" contenteditable="true" th:text="${pageDTO.result[1].type}">政治</span>
                    </div>
                </div>
                <div class="news-list-item clearfix">
                    <div class="col-xs-11">
                        <a href="/news_content" th:href="@{'/news_content?newsId='+${pageDTO.result[2].newsId}}" class="title" th:text="${pageDTO.result[2].title}">热烈恭喜易居CEO朱先生参加四川第4396届人大会议</a>
                    </div>
                    <div class="col-xs-1">
                        <span class="label" contenteditable="true" th:text="${pageDTO.result[2].type}">政治</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--选几个房源填信息-->
<section class="news-box">
    <div class="container">
        <h2><span>待售楼盘</span></h2>
        <div class="row">
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="thumbnail thumbnail4">
                    <img src="../images/house_example/house_example11.jpg" alt="">
                    <div class="caption">
                        <h4>
                            <a href="/house_detail?houseId=79592991295148032">
                                阳曦芙蓉城
                            </a>
                        </h4>
                        <p>
                            双卫套二，东南朝向，采光好！户型方正<br>
                            2室2厅| 84.88平| 东南| 简装| 无电梯
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="thumbnail thumbnail4">
                    <img src="../images/house_example/house_example12.jpg" alt="">

                    <div class="caption">
                        <h4>
                            <a href="/house_detail?houseId=79592995267153920">
                                华润凤凰城
                            </a>
                        </h4>

                        <p>
                            套三双卫 此房满2年 中间楼层 采光充足
                            华润凤凰城一期 3室1厅| 131.24平| 西北| 精装| 有电梯
                            低楼层
                        </p>
                    </div>
                </div>
            </div>
            <div class="col-md-4 col-sm-6 col-xs-12">
                <div class="thumbnail thumbnail4">
                    <img src="../images/house_example/house_example13.jpg" alt="">

                    <div class="caption">
                        <h4>
                            <a href="/house_detail?houseId=79593001206288384">
                                双华麓港
                            </a>
                        </h4>

                        <p>
                            套四双卫，户型方正，无浪费空间
                            双华麓港 4室2厅| 124.54平| 西| 其他| 有电梯
                            低楼层
                        </p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>
<!--选几个房源填信息-->
<section id="packages" class="secpadding">
    <div class="container">
        <h2><span>楼盘样板</span></h2>

        <div class="row">
            <div class="col-md-3 col-sm-6">
                <div class="cuadro_intro_hover " style="background-color:#cccccc;">
                    <p style="text-align:center;">
                        <img src="../images/pic/pic-5.jpg" class="img-responsive" alt="">
                    </p>
                    <div class="caption">
                        <div class="blur"></div>
                        <div class="caption-text">
                            <h3>精装带书房241方</h3>
                            <a class=" btn btn-default" href="/house_detail?houseId=79592987105038336">18191元/平米</i></a>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-md-3  col-sm-6">
                <div class="cuadro_intro_hover " style="background-color:#cccccc;">
                    <p style="text-align:center;">
                        <img src="../images/pic/pic-6.jpg" class="img-responsive" alt="">
                    </p>
                    <div class="caption">
                        <div class="blur"></div>
                        <div class="caption-text">
                            <h3>简装修套三87方</h3>
                            <a class=" btn btn-default" href="/house_detail?houseId=79593004716920832">34176元/平米</i></a>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-md-3  col-sm-6">
                <div class="cuadro_intro_hover " style="background-color:#cccccc;">
                    <p style="text-align:center;">
                        <img src="../images/pic/pic-7.jpg" class="img-responsive" alt="">
                    </p>
                    <div class="caption">
                        <div class="blur"></div>
                        <div class="caption-text">
                            <h3>自主精装房69平</h3>
                            <a class=" btn btn-default" href="/house_detail?houseId=79967172021063680">9711元/平米</i></a>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-md-3  col-sm-6">
                <div class="cuadro_intro_hover " style="background-color:#cccccc;">
                    <p style="text-align:center;">
                        <img src="../images/pic/pic-8.jpg" class="img-responsive" alt="">
                    </p>
                    <div class="caption">
                        <div class="blur"></div>
                        <div class="caption-text">
                            <h3>标准套三双卫94方</h3>
                            <a class=" btn btn-default" href="/house_detail?houseId=79593024623087616">19048元/平米</i></a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
</section>



<footer id="footer">

    <div class="footer2">
        <div class="container">
            <div class="row">

                <div class="col-md-6 panel">
                </div>

                <div class="col-md-6 panel">
                    <div class="panel-body">
                        <p class="text-right">
                            Copyright易居网 &copy; 2018.Company name All rights reserved.
                        </p>
                    </div>
                </div>

            </div>
            <!-- /row of panels -->
        </div>
    </div>
</footer>

<!-- JavaScript libs are placed at the end of the document so the pages load faster -->
<script src="../js/modernizr-latest.js"></script>
<script type='text/javascript' src='../js/jquery.min.js'></script>
<script type='text/javascript' src='../js/fancybox/jquery.fancybox.pack.js'></script>

<script type='text/javascript' src='../js/jquery.mobile.customized.min.js'></script>
<script type='text/javascript' src='../js/jquery.easing.1.3.js'></script>
<script type='text/javascript' src='../js/camera.min.js'></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/custom.js"></script>
<script>
    jQuery(function () {

        jQuery('#camera_wrap_4').camera({
            height: '750',
            loader: 'bar',
            pagination: false,
            thumbnails: false,
            hover: false,
            opacityOnGrid: false,
            imagePath: '../images/'
        });

    });
</script>

</body>
</html>
